// @import './variable.scss';

page {
	background: #F7F7F7;
}

view {
	box-sizing: border-box;
}

.status_bar {
	height: var(--status-bar-height);
	width: 100%;
}


.tCenter {
	text-align: center;
}

.flex-1 {
	flex: 1;
}

.flex {
	display: flex;
}

.wrap {
	flex-wrap: wrap;
}

.column {
	flex-direction: column;
}

.row {
	flex-direction: row;
}

.jEnd {
	justify-content: flex-end;
}

.jStart {
	justify-content: flex-start;
}

.jEvenly {
	justify-content: space-evenly;
}

.aStart {
	align-items: flex-start;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.aCenter {
	display: flex;
	align-items: center;
}

.jCenter {
	display: flex;
	justify-content: center;
}

.jBetween {
	display: flex;
	justify-content: space-between;
}

.line1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.line2 {
	overflow: hidden;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.line3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.mr20 {
	margin-right: 20rpx;
}

.ml {
	margin-left: 20rpx;
}

.mb20 {
	margin-bottom: 20rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}

.mt30 {
	margin-top: 30rpx;
}

.p30 {
	padding: 30rpx;
}

.p20 {
	padding: 20rpx;
}

.pl30 {
	padding-left: 30rpx;
}

.pl20 {
	padding-left: 20rpx;
}

.pt20 {
	padding-top: 20rpx;
}

.pb50 {
	padding-bottom: 50rpx;
}

.pr20 {
	padding-right: 20rpx;
}

.pl10 {
	padding-left: 10rpx;
}

.pb20 {
	padding-bottom: 20rpx;
}

.pt30 {
	padding-top: 30rpx;
}


.w200 {
	width: 200rpx;
}

.w480 {
	width: 480rpx;
}

.workOrder {
	border: 1rpx solid #84BAC4;
	color: #84BAC4;
	border-radius: 8rpx;
	padding: 0 4rpx;
	
	&_number {
		color: #B0B3B2;
		margin-left: 10rpx;
		font-size: 24rpx;
	}
}

.dividingLine {
	border-bottom: 1rpx dashed #CACACA;
}